<template>
  <!--  jiera-->
  <div id="payment-form-container"></div>
</template>
<script>
export default {
  data() {
    return {
      formCode: '' // 用于存储后端返回的支付表单HTML代码
    };
  },
  mounted() {
    // 假设这里通过某种方式（如AJAX请求）已经从后端获取到了支付表单HTML代码，并存入formCode变量
    // 实际应用中，需要根据项目的后端通信机制来获取代码，这里先模拟一下
    this.formCode = localStorage.getItem("alipayHtml");
// 创建一个DOM元素来容纳表单内容
    const formContainer = document.getElementById('payment-form-container');
// 将表单代码插入到容器元素中
    formContainer.innerHTML += this.formCode;

// 提交表单，这里要注意可能存在的安全风险，比如跨站脚本攻击（XSS），实际应用中需要做好防范
    document.forms[0].submit();
  }
}
</script>
<style>
</style>
